<template>
    <div class="box">
        <header class="header">
            <van-nav-bar title="确认订单" left-arrow @click-left="$router.go(-1)" />
        </header>
        <div class="content">
            <van-cell :title="checkedAddress.name + '' + checkedAddress.tel" :label="checkedAddress.address"
                icon="location-o" is-link @click="$router.push('/order/list')" />
            <van-swipe-cell v-for="item in orderList" :key="item.id">
                <van-card :num="item.count" :price="`${item.price}.00`" :title="item.title" :thumb="item.image" />
            </van-swipe-cell>
        </div>
    </div>
    <footer class="footer">
        <van-submit-bar :price="3050" button-text="在线支付" />


    </footer>
</template>


<script>
import { mapGetters } from 'vuex'
export default {
    computed: {
        ...mapGetters(['orderList', 'checkedAddress'])
    }
}
</script>